<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>HomePage_Fenshi</title>
        
		<link rel="stylesheet" href="../../../common/css/search2/card.css" />
		<link rel="stylesheet" href="../../../common/css/search2/global.css" />
		<link rel="stylesheet" href="../../../common/css/search2/layer_show_pic.css" />
		<link rel="stylesheet" href="../../../common/css/search2/module.css" />
		<link rel="stylesheet" href="../../../common/css/search2/page.css" />
		<link rel="stylesheet" href="../../../common/css/search2/video.css" />
	

		
		<link href="../../../common/css/GeRenHomePage/GuanZuKuang.css" rel="stylesheet" type="text/css">
		
		<script type="text/javascript">
			
			$(document).ready(function(){
					
					$(".woBeiGuanZuLe_r_h5_a1").on("click",function(){
					
							$(this).parents(".woBeiGuanZuLe_r_h5").find(".woYaoFenZu").toggleClass("yinCangBox");
					
					})
					$(".woBeiGuanZuLe_r_h5_a2").on("click",function(){
							
							$(this).parents(".woBeiGuanZuLe_r_h5").find(".xichuguanzhu").toggleClass("yinCangBox");
							
					})
				
					$(".woBeiGuanZuLe_r_h5_a3").on("click",function(){
							$(this).parents(".woBeiGuanZuLe_r_h5").find(".shezhianniu").toggleClass("yinCangBox");
						
					})
					
					$(".xiugaiBeizu").on("click",function(){
						//alert($(this).attr("name"))
						
						$.post(														
								"/Homepage/insertFenZu?userid="+$(this).attr("dangqianUserid")+"&zuid="+$(this).attr("name")+"&xuyaoxiugai="+($(this).attr("xuyaoxiugai") == null? 1:$(this).attr("xuyaoxiugai")),
								function(data){
								
								if(data="success"){
									
									window.location.href="/Homepage/showHomePage2?fleg1=8&userid="+${user.userId}		
											
										}
									},
									"text")
						
									
			
					})
				
			})
		</script>
    </head>
    <body>
    	
    		<div class="HomePage_fenshiKuang_biaotilan">
    			<span>关注&nbsp;<i></i>3</span>
    		
    		</div>
    		<c:choose>
    		
    		<c:when test="${empty GZ}">
    				<div class="woBeiGuanZuLe">
    					<p>没有关注人！！！！</p>
    				</div>
    		</c:when>
    		<c:otherwise>
    		<c:forEach items="${GZ}" var="GZ1">
    		<div class="woBeiGuanZuLe">
    			<div class="woBeiGuanZuLe_l">
    					
    					<div class="Left_Border1">
    						<div class="Left_Border1_touxiang">
    							<img src="http://localhost:8082/serverpath${GZ1.userHeadpath}" width="50px" height="50px"/>
    						</div>
    					</div>
    			</div>
    			<div class="woBeiGuanZuLe_r">
    				<div class="Left_Border2" >
    						
    <!--****************************************************************************************************************************************************-->							
    			<div style="margin-left: 20px;">
                    <div class="woBeiGuanZuLe_r_name">
                    	<p><a class="">${GZ1.userName}</a>&nbsp;<img src="../../../common/img/PQ/超级会员.png"/>&nbsp;<img src="../../../common/img/PQ/7级微博.png"/></p>
                    	   	
                    					
                    </div>
                    <div class="woBeiGuanZuLe_r_h2">
                        <c:choose>
    		
    						<c:when test="${GZ1.guanzhuzhuangtai == 1}">
    							    <span class="GuanZuAnNiu"><i class="layui-icon layui-icon-ok "></i>关注</span>
    							
    						</c:when>
    						<c:otherwise>
    							   <span class="yiguanzhu"><i class="layui-icon layui-icon-ok "></i>已关注</span>
    							 
                        	</c:otherwise>
    					</c:choose>	
                        
                      
                    </div>
                    <div class="woBeiGuanZuLe_r_h3">
                    	${GZ1.userIntroduce}                                        
                    </div>
                    <div class="woBeiGuanZuLe_r_h4">
                       	 通过<a>微博推荐</a>关注		
<!--***************************************************************************************************************-->                       	 
                    </div>
                        <div class="woBeiGuanZuLe_r_h5">
                        	<p>
                        		<a class="woBeiGuanZuLe_r_h5_a1" id="kuangkuang1">
                        			<c:choose>
    		
    							<c:when test="${empty GZ1.group}">
    									<span >未分组</span>
    							</c:when>
    							<c:otherwise>
    									<span >${GZ1.group}</span>
                        		</c:otherwise>
    							</c:choose>			
                        		</a>
                           		<a class="woBeiGuanZuLe_r_h5_a2" id="kuangkuang2">特别关注</a>
                       			<a class="woBeiGuanZuLe_r_h5_a3" id="kuangkuang3"><i class="layui-icon layui-icon-snowflake"></i></a>
                        	</p>
                        	
                        	
                        	<div class="yinCangBox woYaoFenZu">
                            	<ul>
                            		 <c:forEach items="${FenZu }" var="FZ">
                               		 <li class="xiugaiBeizu" name="${FZ.groupId }" xuyaoxiugai="${GZ1.group}" dangqianUserid = "${GZ1.userId}"><a >${FZ.friendgroupName }</a></li>
                               		 </c:forEach>
                           		 </ul>
                        	</div>
                        	<div class="yinCangBox xichuguanzhu">
                            	<ul>
                               		 <li><a >移出特别关注</a></li>
                           		 </ul>
                        	</div>
                        	<div class="yinCangBox shezhianniu">
                           		 <ul>
                            		<li><a >私信</a></li>
                               		 <li><a >设置备注</a></li>
                                	<li><a>取消关注</a></li>
                            	</ul>
                        	</div>
                    	</div>
                    
                </div>
    <!--****************************************************************************************************************************************************-->							
						
    						
    				</div>
    			</div>
    		</div>
    	</c:forEach>
   		</c:otherwise>
    	</c:choose>	
    
 	</body>
</html>